<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SOLUTION-FINANCE</title>
    <link rel="stylesheet" href="../bgAll/css/common.css" type="text/css" />
    <link rel="stylesheet" href="./css/cyber-car.css" type="text/css" />
    <link rel="stylesheet" href="./css/FINANCE.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../css/default.css">
    <link rel="stylesheet" href="../bgAll/css/fakeLoader.css" type="text/css" />

</head>

<body class="wrap">
<div class="fakeloader"></div>

<div class="mod-star-list">
    <div class="inner"></div>
</div>
<!-- header Start -->
<div id="header" class="mt12 clearfix" style="margin-left:10px">
    <div class="header-left">
        <a href="TRACFORM.html" class="clearfix">
            <div class="bg-next rotate5 btn"></div>
            <p>浏览下一个方案</p>
        </a>
    </div>
    <div class="header-right">
        <div class="header-open">企业级互联网架构解决方案<span style="color:#90b8f1;font-size:14px"></span>
            <p>金融云解决方案</p>
        </div>
    </div>
</div>

<div class="content EB">
    <div class="header header-abs-top">
    </div>
    
    <div class="financeLines boxes-row">
        <div class="col col-12 base-box box-dash">
            <div class="cols-title mT20" style="width: 12.5%">
                <label>访问层</label>
            </div>
            <div class="cols-content">
                <div class="col col-5">
                    <div class="col col-4 boxes-icon-container-1">
                        <img class="boxes-icon" src="img/middle-logo-pc.png" />
                    </div>
                    <div class="col col-4 boxes-icon-container-1">
                        <img class="boxes-icon" src="img/middle-logo-pad.png" />
                        </div>
                    <div class="col col-4 boxes-icon-container-1">
                        <img class="boxes-icon" src="img/middle-logo-phone.png" />
                    </div>
                </div>
                <div class="col col-7 boxes-row mT20">
                    <div class="col col-6"><div class="base-box box-blueBG">公有云应用</div></div>
                    <div class="col col-6"><div class="base-box box-blueBG">第三方应用</div></div>
                </div>
                
            </div>
        </div>
        
    </div>
    
    <div class="financeLines boxes-row">
        <div class="col col-11">
            <div class="col col-12 base-box box-dash">
                <div class="cols-title mT20">
                    <label>应用层</label>
                </div>
                <div class="cols-content">
                    <div class="col col-8 boxes-row">
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo1.png" />
                        </div>
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo2.png" />
                        </div>
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo3.png" />
                        </div>
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo4.png" />
                        </div>
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo5.png" />
                        </div>
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo6.png" />
                        </div>
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo7.png" />
                        </div>
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo8.png" />
                        </div>
                        <div class="boxes-icon-container-1 pr20">
                            <img class="boxes-icon" src="img/small-logo9.png" />
                        </div>
                    </div>
                    <div class="col col-4 boxes-row mT10"><div class="base-box box-blueBG">云服务总线(CSB)</div></div>
                    
                </div>
            </div>
            <div class="col col-12 base-box box-dash">
                <div class="cols-title mT20 pT30">
                    <label>公共服务层</label>
                </div>
                <div class="cols-content" id="serviceModel">
                    <div class="col col-12">
                        <div class="base-box box-solid" style="height: 62px;">
                            <div class="cols-title" style="font-size: 16px">
                                <label>公共服务层</label>
                            </div>
                            <div class="cols-content">
                                <div class="col col-3 mT10"><div class="base-box box-blueBG">交易中心</div></div>
                                <div class="col col-3 mT10"><div class="base-box box-blueBG">用户中心</div></div>
                                <div class="col col-3 mT10"><div class="base-box box-blueBG">营销中心</div></div>
                                <div class="col col-3 mT10"><div class="mT10">……</div></div>
                            </div>
                        </div>
                        
                    </div>
                    <div class="col col-12">
                        <div class="base-box btn-service box-blueBG">企业级分布式应用服务<br>(EDAS)</div>
                        <div class="base-box btn-service box-blueBG">分布式关系数据库<br>(DRDS)</div>
                        <div class="base-box btn-service box-blueBG">消息服务<br>(MQ)</div>
                        <div class="base-box btn-service box-blueBG">业务实时监控服务<br>(ARMS)</div>
                        <div class="base-box btn-service box-blueBG">统一部署<br>(UDP)</div>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="col col-1">
            <div class="col col-6">
                <div class="col col-9 base-box box-dash hr-text" style="padding: 75px 0px;">
                    <label>运<br>维<br>管<br>控</label>
                </div>
            </div>
            <div class="col col-6">
                <div class="col col-9 base-box box-dash hr-text" style="padding: 38px 0px;">
                    <label>企<br>业<br>级<br>互<br>联<br>架<br>构</label>
                </div>
            </div>
        </div>
        
    </div>
   
    <div class="financeLines boxes-row">
        <div class="col col-12 base-box box-dash">
            <div class="cols-title mT20 pT10" style="width: 12.5%">
                <label>资源层</label>
            </div>
            <div class="cols-content" style="width: 87.5%">
                <div class="col col-11"><div class="base-box box-blueBG lineH-30">基础架构平台</div></div>
                <div class="col col-11"><div class="base-box box-blueBG lineH-30">数据中心</div></div>
            </div>
        </div>
    </div>

</div>
<footer class="clearfix">
    <div class="footer-left fl">
        <a href="index.html" class="back shineAction"></a>
        <div class="backText">返回上一级</div>
    </div>
    <div class="footer-right fr">
        <a href="" class="refresh shineAction"></a>
        <div class="refreshText">刷新&nbsp;</div>
    </div>
</footer>

<script type="text/javascript" src="../bgAll/js/jquery-1.11.1.min.js"></script>

<script src="../bgAll/js/fakeLoader.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>

<script type="text/javascript" src="../bgAll/js/waypoints.js"></script>
<script type="text/javascript" src="../bgAll/js/star.js"></script>
<script type="text/javascript" src="js/finance.js"></script>
</body>

</html>